<template>
   <div class="friendship_link_module unified_module">
      <div class="module_body">
  <footer class="page_footer">
    <div class="wrap">
      <div class="container">
        <div class="row">
          <div class="col">
            <div class="card_copyright">
              <div class="is1">
                <span class="as1" ></span>
                <span class="as2"></span>
                <span class="as3"></span>
                <span class="as4"></span>
              </div>
              <div class="is2">
                <span class="bs1"></span>
                <span class="bs2"></span>
                <span class="bs3"></span>
                <span class="bs4"></span>
                </div>
              <div class="is3">
                <span class="cs1"></span>
                <span class="cs2"></span>
                <span class="cs3"></span>
                <span class="cs4"></span>
              </div>
              <div class="is4">
                <span class="ds1"></span>
                <span class="ds2"></span>
                <span class="ds3"></span>
                <span class="ds4"></span>
              </div>
            </div>
          </div>
        </div>
         <!-- 底部友情链接 -->
        <list_link/>
      </div>
    </div>
  </footer>
</div>
</div>
</template>

<script setup>
import list_link from "@/components/diy/list_link.vue";
</script>
<style scoped="scoped" lang="less">
.friendship_link_module {
 // position: fixed;
 // bottom: 0;
 // background-color: white;
}
.page_footer .wrap {
  /* background-color: #e2e2e2; */
  color: rgb(167, 167, 167);
}
.card_copyright {
	padding: 30px 10px;
  text-align: center;
}
// 统一样式模块标题--公告-论坛模块
  .unified_module {
    width: 100%;
    padding: 30px 0;
    margin-top: 1%;
    .module_title {
      position: relative;
      width: 90%;
      margin: 0 auto;
      font-size: 30px;
      text-align: center;
      margin-bottom: 1%;
    }
    .module_more_btn {
      font-size: 16px;
      text-align: right;
      line-height: 30px;
      position: absolute;
      right: 2%;
    }
    .module_more_btn:hover {
      color: #8aceff;
    }
    //.module_body{
    // width: 90%;
    // margin: 1% auto;
    //}
  }
</style>
